<!DOCTYPE html> 
<html> 
	<head> 
	<title>Login</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="/jquery.mobile-1.0/jquery.mobile-1.0.min.css"/>
	<script src="/jquery.mobile-1.0/jquery-1.6.4.min.js"></script>
	<script src="/jquery.mobile-1.0/jquery.mobile-1.0.min.js"></script>
	<script src="/mobile.js"></script>
</head> 
<body> 

<div data-role="page">

	<div data-role="header">
		<h1>Example JqueryMobile</h1>
	</div><!-- /header -->

	<div data-role="content">
	<form action="" method="post" id="login">
		<label for="login">Login:</label>
		<input type="email" name="login" id="login" value="" />
		
		<label for="password">Password:</label>
		<input type="password" name="password" id="password" value="" />
		<a href="#" data-role="button" data-theme="b" id="tologin" >Login</a>
		<p>
	</form>	
	</div><!-- /content -->
</div><!-- /page -->

</body>
<script>
$(document).ready(function(){
	//checamos si estamos logeado
	login();

	$('#tologin').click(function() {
		login();
	});
});
</script>
</html>

